// 验证密码是否符合标准
const regs = /^[0-9a-zA-Z]+$/

$('.password').on('blur', () => {
  if ($('.password').val() == '') {
    console.log(8);
    $('.err2').css({ 'color': '#ff5b5b', 'display': 'block' })
      .html('密码不能为空')
  } else if (!regs.test($('.password').val())) {
    $('.err2').css({ 'color': '#ff5b5b', 'display': 'block' })
      .html('密码不能为空只能为字母、数字')
  } else {
    $('.err2').html('密码格式正确').css('color', '#359eff').show()
  }
})
// 验证昵称是否符合标准
$('.username').on('blur', () => {
  if ($('.username').val() == '') {
    $('.err1').css({ 'color': '#ff5b5b', 'display': 'block' })
      .html('昵称不能为空')
  } else if (!regs.test($('.username').val())) {
    $('.err1').css({ 'color': '#ff5b5b', 'display': 'block' })
      .html('昵称只能为字母、数字')
  }
  // 判断昵称是否存在
  else {
    $.ajax({
      type: 'POST',
      url: '/exist',
      data: { username: $(".username").val() },
      success: function (code) {
        $('.err1').show().html(code).css('color', '#359eff')
        if (code == '昵称已被占用') $('.warp').show()
        if (code == '昵称可使用') $('.warp').hide()
      }
    })
  }
})
/* 生成验证码验证码 */
function randomNum() {
  let num = ''
  for (let i = 0; i < 4; i++) {
    num += String(Math.floor(Math.random() * 10))
  }
  $('.code').html(num)
}
$('.code').on('click', randomNum)
// 验证码是否正确
$('.ver_input').on('blur', () => {
  if ($('.ver_input').val() != $('.code').html()) {
    $('.err3').hide()
    $('.err3').show().css('color', '#ff5b5b').html('验证码错误')
    randomNum()
  } else {
    $('.err3').hide()
    $('.err3').show().html('验证码正确').css('color', '#359eff')
  }
})
/* 表单提交事件 */
$('.register_box').on('submit', e => {
  e.preventDefault()
  // 判断昵称不能为空
  if ($('.username').val() == '') {
    $('.err1').show().html('昵称不能为空')
  }
  // 判断密码不为空
  else if ($('.password').val() == '') {
    $('.err2').show().html('密码不能为空')
  }
  // 判断验证码不为空
  else if ($('.ver_input').val() == '') {
    $('.err3').show().html('验证码不能为空')
  }
  // 判断选中注意事项
  else if ($('.check_t').prop('checked') != true) {
    $('.select_box').show()
  }
  // 成功 发送请求
  else {
    const username = $('.username').val()
    const password = $('.password').val()
    $.ajax({
      type: 'POST',
      url: '/register.do',
      data: { username: username, password: password },
      success: function (data) {
        if (data == 200) {
          window.location.href = 'http://localhost:9527/'
        }
      }
    })
  }
})
/* 下拉选项 */
$('.check_p').on('mouseenter', () => {
  $('.select_box').css('display', 'block')
})
$('.check_p').on('mouseleave', () => {
  $('.select_box').css('display', 'none')
})